<!--<template>-->
<!--  <div ref="chartDom" :style="{ 'width': width, 'height': height }"></div>-->
<!--</template>-->

<!--<script>-->
<!--import { useResizeObserver } from "@vueuse/core";-->
<!--import * as echarts from "echarts";-->

<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      chartDom: null,-->
<!--      myChart: null,-->
<!--      props: {-->
<!--        options: {},-->
<!--        width: "100%",-->
<!--        height: "400px",-->
<!--      },-->
<!--    };-->
<!--  },-->
<!--  watch: {-->
<!--    options: {-->
<!--      handler(newOptions) {-->
<!--        this.myChart.setOption(newOptions);-->
<!--      },-->
<!--      deep: true,-->
<!--    },-->
<!--  },-->
<!--  mounted() {-->
<!--    this.myChart = echarts.init(this.chartDom);-->
<!--    this.myChart.setOption(this.options, true);-->
<!--    useResizeObserver(this.chartDom, () => {-->
<!--      this.myChart.resize();-->
<!--    });-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style scoped></style>-->
